<!-- zitheax 主题模板文件 - 头部 -->


<!-- 定义页面标题 -->
<title><?php wp_title(" » ",true,'right'); ?><?php bloginfo('name'); ?></title>

<!-- 规定字符编码 -->
<meta charset="utf-8">

<!-- 禁用IE兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge">

<!-- 禁用移动设备上的缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- 加载 Wordpress 相关文件 -->
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> 
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> 

<!-- 加载主题CSS -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"/>



<!-- 进度条 -->
<div id="loading" style="background-color:#000; height:2px; width:10%; top:0px; position:fixed; z-index: 1000;"></div>

<!-- 导航条 -->
<nav id="nav">

  <div id="nav-name">
    <a id="nav-name-text" href="<?php bloginfo('url');?>" ><?php bloginfo('name'); ?></a>
  </div>

  <div id="nav-list">
    <?php $navSet=array('menu_class' => 'menu nav navbar-nav' ); ?>
    <?php wp_nav_menu($navSet); ?>
  </div>

  <button id="nav-show-list">菜单</button>

  <div id="nav-list-menu">
    <?php wp_nav_menu($navSet); ?>
  </div>

  <div style="clear:both"></div>

</nav>

<!-- 加载js -->
<script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

<!-- 全局js代码 -->
<script type="text/javascript">

  //进度条初始化
  $(function(){
    $('#loading').animate({'width':'90%'},5000);
    $(window).load(function(){
      $('#loading').stop(1,1).animate({'width':'100%'},333);
    });
  });
  
  //页面初始化
  $(document).ready(function(){
    $("#nav-list-menu").hide();
    $("#nav-show-list").click(function(){
      $("#nav-list-menu").slideToggle(200);
    });
  });
</script>

<!-- 将进度条加载到30% -->
<script type="text/javascript">
  jQuery("#loading").animate({width:"30%"},500);
</script>


